<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Name       : Condition
Description: A two-column, fixed-width design for 1024x768 screen resolutions.
Version    : 1.0
Released   : 20100103
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Consulta de Facturas</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link type="text/css" rel="stylesheet" media="screen" href="/static/style-css.css" />
<link type="text/css" rel="stylesheet" media="screen" href="/static/buttons-css.css" />
<link type="text/css" rel="stylesheet" media="screen" href="/static/menu-css.css" />
<script type="text/javascript" src="/static/jquery.js"></script>
<script type="text/javascript" src="/static/funciones.js"></script>
<script type="text/javascript" src="/static/facturas.js"></script>
</head>
    <body onLoad="main()" style="height: 100%;">
<div id="wrapper">
	<div id="logo">
            <table border="0" width="100%" style="height: 100%">
                <tr>
                    <td width="70%">
                        <div style="margin-top: -30px;">
                            <h1>Hardware Performance&reg;</h1>
                            <p style="font-size: 15px;color: #FFFFFF;"><em>Centro de Servicio en Computaci&oacute;n e Internet</em></p>
                        </div>
                    </td>
                    <td align="right">
                        <div style="margin-top: 25px;">
                            <table border="0">
                                <tr>
                                    <td colspan="1" align="center">
                                        {% if admin %}
                                        <img src="/static/images/content/admin.png" width="110" height="110" alt="{{usuario}}" />
                                        {% endif %}
                                        {% if basic %}
                                        <img src="/static/images/content/basic.png" width="100" height="90" alt="{{usuario}}" />
                                        {% endif %}
                                    </td>
                                    <td>
                                        <h3 style="color: white;text-align: right;font-size: 16px;font-weight: bold">&iexcl;Hola {{ usuario }}!</h3>
                                        {% if admin %}
                                        <p style="color: white;text-align: right;font-size: 13px;font-style:italic;">Usuario Administrador</p>
                                        {% endif %}
                                        {% if basic %}
                                        <p style="color: white;text-align: right;font-size: 13px;font-style:italic;">Usuario B&aacute;sico</p>
                                        {% endif %}
                                    </td>
                                    <td>
                                        <a href="/logout" >
                                            <input type="button" value="" class="btn_logout"/>
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
            </table>
	</div>
	<hr />
	<!-- end #logo -->
	<div id="header">
		<div id="menu">
                    {% if admin %}
                    <div class="menu">
                        <ul>
                            <li><a href="/inicio">Inicio</a></li>
                            <li><a id="current" href="/facturas">Facturas</a>
                                <ul><li><a href="/consultafacturas">Consulta</a></li></ul>
                            </li>
                            <li><a href="/ordenes">&Oacute;rdenes</a>
                                <ul><li><a href="/consultaordenes">Consulta</a></li></ul>
                            </li>
                            <li><a href="/usuarios">Usuarios</a></li>
                        </ul>
                    </div>
                    {% endif %}
                    {% if basic %}
                    <div class="menu">
                        <ul>
                            <li><a href="/inicio">Inicio</a></li>
                            <li><a id="current" href="/facturas">Facturas</a>
                                <ul><li><a href="/consultafacturas">Consulta</a></li></ul>
                            </li>
                            <li><a href="/ordenes">&Oacute;rdenes</a>
                                <ul><li><a href="/consultaordenes">Consulta</a></li></ul>
                            </li>
                        </ul>
                    </div>
                    {% endif %}
		</div>
		<!-- end #menu -->
		<div id="search">
			<p id="fecha1"></p>
		</div>
		<!-- end #search -->
	</div>
	<!-- end #header -->
	<!-- end #header-wrapper -->
	<div id="page">
	<div id="page-bgtop">
		<div id="content">
			<div class="post">
                            <h2 class="title"><a href="#">Consulta de facturas</a></h2>
                            {% if errorF %}
                            <p class="meta" style="color: red;font-size: 12px">Factura no v&aacute;lida</p>
                            {% endif %}
                            {% if errorCx %}
                            <p class="meta" style="color: red;font-size: 12px">Error de conexi&oacute;n</p>
                            {% endif %}
                            <div class="entry"> 
                                    <div id="jeje">
                                        <h2>Ingresa el folio de la factura</h2>
                                        <form action="/verfactura/" method="POST"> {% csrf_token %}
                                            <table>
                                                <tr>
                                                    <td>
                                                        <input type="text" name="folio"/>
							<input type="submit" value="Consultar"/>							
                                                    </td>
                                                </tr>
                                            </table>
                                        </form>
                                        {% if factura %}
                                        <table border="1" style="border-color: khaki;border-style: outset">
                                            <tr>
                                                <td colspan="6" style="
                                                    height: 15px;
                                                    background-color: khaki;
                                                    font-size: 15px;
                                                    font-weight: bold;
                                                    text-align: center;">
                                                    Datos del Cliente
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    Nombre
                                                </td>
                                                <td style="
                                                    width: 150px;
                                                    height: 15px;
                                                    text-align: center;
                                                    font-size: 15px;"
                                                    id="nombrex"
                                                    >{{nombre}}</td>
                                                <td style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    Paterno
                                                </td>
                                                <td style="
                                                    width: 150px;
                                                    height: 15px;
                                                    text-align: center;
                                                    font-size: 15px;"
                                                    id="paternox"
                                                    >{{paterno}}</td>
                                                <td style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    Materno
                                                </td>
                                                <td style="
                                                    width: 150px;
                                                    height: 15px;
                                                    text-align: center;
                                                    font-size: 15px;"
                                                    id="maternox"
                                                    >{{materno}}</td>
                                            </tr>
                                            <tr>
                                                <td style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    Direcci&oacute;n
                                                </td>
                                                <td colspan="3" style="
                                                    width: 150px;
                                                    height: 15px;
                                                    text-align: center;
                                                    font-size: 15px;"
                                                    id="direccionx"
                                                    >{{direccion}}</td>
                                                <td style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    CP
                                                </td>
                                                <td style="
                                                    width: 150px;
                                                    height: 15px;
                                                    text-align: center;
                                                    font-size: 15px;"
                                                    id="cpx"
                                                    >{{cp}}</td>
                                            </tr>
                                            <tr>
                                                <td style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    Tel&eacute;fono(s)
                                                </td>
                                                <td colspan="3" style="
                                                    width: 150px;
                                                    height: 15px;
                                                    text-align: center;
                                                    font-size: 15px;"
                                                    id="telefonox"
                                                    >{{telefono}}</td>
                                                <td style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    RFC
                                                </td>
                                                <td style="
                                                    width: 150px;
                                                    height: 15px;
                                                    text-align: center;
                                                    font-size: 14px;"
                                                    id="rfcx"
                                                    >{{rfc}}</td>
                                            </tr>
                                            <tr>
                                                <td colspan="6" style="
                                                    height: 15px;
                                                    background-color: khaki;
                                                    font-size: 15px;
                                                    font-weight: bold;
                                                    text-align: center;">
                                                    Informaci&oacute;n de la factura
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    Folio
                                                </td>
                                                <td style="
                                                    width: 150px;
                                                    height: 15px;
                                                    text-align: center;
                                                    color: brown;
                                                    font-weight: bold;
                                                    font-style: normal;
                                                    font-size: 14px;"
                                                    id="foliox"
                                                    >{{folio}}</td>
                                                <td style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    Fecha
                                                </td>
                                                <td style="
                                                    width: 150px;
                                                    height: 15px;
                                                    text-align: center;
                                                    font-size: 15px;"
                                                    id="fechax"
                                                    >{{fecha}}</td>
                                                <td style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    Pago
                                                </td>
                                                <td style="
                                                    width: 150px;
                                                    height: 15px;
                                                    text-align: center;
                                                    font-size: 15px;"
                                                    id="condicionx"
                                                    >{{condiciones}}</td>
                                            </tr>
                                            <tr>
                                                <td style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    Productos
                                                </td>
                                                <td colspan="5" style="border-bottom-style: none;">                                                    
                                                </td>
                                            </tr>
                                            <tr>
                                                <td id="productosx" colspan="6"
                                                    align="center"
                                                    style="
                                                    height: auto;
                                                    font-size: 15px;
                                                    border-top-style: none;">
                                                    <table id="tabla-productosx" border="0"
                                                           style="
                                                           text-align: center;
                                                           font-size: 14px;
                                                           border-color: slategray;
                                                           border-style: solid;
                                                           "
                                                           >
                                                        <tr>
                                                            <td colspan="4">
                                                                <input type="hidden" id="cantidades" value="{{cantidades}}"/>
                                                                <input type="hidden" id="descripciones" value="{{descripciones}}"/>
                                                                <input type="hidden" id="precios" value="{{precios}}"/>
                                                                <input type="hidden" id="importes" value="{{importes}}"/>
                                                                <script type="text/javascript">
                                                                    var cant = document.getElementById("cantidades").value;
                                                                    var descr = document.getElementById("descripciones").value;
                                                                    var prec = document.getElementById("precios").value;
                                                                    var imp = document.getElementById("importes").value;

                                                                    var cantidades = cant.split(",");
                                                                    var descripciones = descr.split(",");
                                                                    var precios = prec.split(",");
                                                                    var importes = imp.split(",");

                                                                    var tabla = document.getElementById("tabla-productosx");
                                                                    for (var i=0; i<cantidades.length-1; i++){
                                                                        var tr = document.createElement("tr");
                                                                        var cantidad = document.createElement("td");
                                                                        var descripcion = document.createElement("td");
                                                                        var precio = document.createElement("td");
                                                                        var importe = document.createElement("td");

                                                                        cantidad.innerHTML= cantidades[i];
                                                                        descripcion.innerHTML=descripciones[i];
                                                                        precio.innerHTML =precios[i];
                                                                        importe.innerHTML=importes[i];
                                                                        tr.appendChild(cantidad);
                                                                        tr.appendChild(descripcion);
                                                                        tr.appendChild(precio);
                                                                        tr.appendChild(importe);
                                                                        tabla.appendChild(tr);
                                                                    }
                                                                </script>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="center" style="width: 80px;background-color: slategray;color: snow;">
                                                                Cantidad</td>
                                                            <td align="center" style="width: 300px;background-color: slategray;color: snow;">
                                                                Descripci&oacute;n</td>
                                                            <td align="center" style="width: 80px;background-color: slategray;color: snow;">
                                                                Precio</td>
                                                            <td align="center" style="width: 80px;background-color: slategray;color: snow;">
                                                                Importe</td>
                                                        </tr>                                                        
                                                    </table>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    Subtotal
                                                </td>
                                                <td style="
                                                    width: 150px;
                                                    height: 15px;
                                                    text-align: center;
                                                    font-size: 15px;"
                                                    id="subtotalx"
                                                    >{{subtotal}}</td>
                                                <td style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    IVA 16%
                                                </td>
                                                <td style="
                                                    width: 150px;
                                                    height: 15px;
                                                    text-align: center;
                                                    font-size: 15px;"
                                                    id="ivax"
                                                    >{{iva}}</td>
                                                <td style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    Total
                                                </td>
                                                <td style="
                                                    width: 150px;
                                                    height: 15px;
                                                    text-align: center;
                                                    font-size: 15px;"
                                                    id="totalx"
                                                    >{{total}}</td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"
                                                    style="
                                                    width: 75px;
                                                    height: 15px;
                                                    text-align: center;
                                                    text-align: center;
                                                    background-color: lavender;
                                                    font-weight: bold;
                                                    font-size: 15px;">
                                                    Importe a mano
                                                </td>
                                                <td id="manox" colspan="4"
                                                    style="
                                                    height: 15px;
                                                    text-align: center;
                                                    font-size: 15px;"
                                                    >{{letra}}</td>
                                            </tr>
                                            <tr>
                                                <td colspan="6">                                                    
                                                </td>
                                            </tr>
                                        </table>
                                        {% endif %}
                                    </div>
                                <p>&nbsp;</p>
                            </div>
			</div>
		</div>
		<!-- end #content -->
		<div id="sidebar">
			<ul>
                            <li>
                                <h2>Avisos Importantes</h2>
                                <ul>
                                    <li><a href="#">Pol&iacute;ticas</a></li>
                                    <li><a href="#">Contacto</a></li>
                                    <li><a href="#">Ubicaci&oacute;n</a></li>
                                    <li><a href="#">Promociones</a></li>
                                </ul>
                            </li>
                            <li>
                                <h2>&nbsp;</h2>
                                <p>&nbsp;</p>
                            </li>
			</ul>
		</div>
		<!-- end #sidebar -->
		<div style="clear: both;">&nbsp;</div>
	</div>
	</div>
	<!-- end #page -->
	<div id="footer-bgcontent">
	<div id="footer">
		<p>Copyright (c) 2011 hard-performance.com. All rights reserved. Elaborado por <a href="#">Amigos F.C.</a></p>
	</div>
	</div>
	<!-- end #footer -->
</div>
</body>
</html>